---
title: "Accessibility Checker Rule Help: WCAG20_Elem_UniqueAccessKey"
---
import "../../../styles/ToolHelp.scss"
import { CodeSnippet, Tag } from "carbon-components-react";

<div className="toolHelp">
<Row>
<Column colLg={16} colMd={8} colSm={4} className="toolHead">

### `accesskey` attribute value on the element is not unique

<div id="locLevel"></div>

`accesskey` attribute values on each element must be unique for the page

</Column>
</Row>
<Row>
<Column colLg={11} colMd={5} colSm={4} className="toolMain">

### Why is this important?

Setting the `accesskey` attribute on elements allows quick access to the element by focusing or activating the element using the keyboard. Having a unique `accesskey` value allows the user agents to determine which element to activate when a user triggers the access key.

<div id="locSnippet"></div>

### What to do

* Update the `accesskey` attribute on the element with a unique non-empty value.

For example:

<CodeSnippet type="multi" light={true}> &lt;button type="button" name="testButton1" id="button1" accesskey="a"&gt;Accept&lt;/button&gt;
 &lt;button type="button" name="testButton2" id="button2" accesskey="r"&gt;Reject&lt;/button&gt;
 </CodeSnippet>

</Column>
<Column colLg={5} colMd={3} colSm={4} className="toolLeft">

### About this requirement

[IBM 4.1.1 Parsing](https://www.ibm.com/able/requirements/requirements/#4_1_1)

### Who does this affect?

* Blind people using screen readers
* People who physically cannot use a pointing device
* People with dexterity impairment using voice control

</Column>
</Row>
</div>

export default ({ children, _frontmatter }) => (<React.Fragment>{children}</React.Fragment>)
